﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
	
	<script src="./three.js"/>
	<!-- <script src="https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/ColladaLoader.js"/> -->
	<script type="text/javascript">


    </script>
	
    <style type="text/css">
        html,body{
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
    </style>

</head>
<body>
	<script type="text/javascript">
        
        function initialize(){
            scene = new THREE.Scene()
            camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 )

            renderer = new THREE.WebGLRenderer()
            renderer.setSize( window.innerWidth, window.innerHeight )
            document.body.appendChild( renderer.domElement )

            var geometry = new THREE.BoxGeometry( 1, 1, 1 )
            var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } )
            window.cube = new THREE.Mesh( geometry, material )
            scene.add( cube )

            camera.position.z = 5
        }
        
        function animate() {
			requestAnimationFrame( animate )

			cube.rotation.x += 0.01
			cube.rotation.y += 0.01

			renderer.render( scene, camera )
		}

        initialize()
        
        animate()

        </script>
</body>
</html>
